<template>
  <view class="card" @click="$utils.to(`/pages2/information/information_detail?id=${info.id}`)">
    <view class="w-168">
      <u-image width="168rpx" height="168rpx" radius="12rpx" :src="info.image"></u-image>
    </view>
    <view class="ml-24 h-168 flex-column flex-row-between" style="flex: 1">
      <u--text :text="info.title" :lines="2" size="32rpx" bold></u--text>
      <view class="flex-between-center">
        <text class="c-9ca4ab fs-24">浏览 {{ info.see_num || 0 }}次</text>
        <slot name="btn">
          <view>
            <u-button text="详情" color="#C5261D" :customStyle="btnStyle">
            </u-button>
          </view>
        </slot>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  props: {
    info: {
      type: Object,
      default: () => { },
    },
  },
  data() {
    return {
      btnStyle: {
        backgroundColor: "transparent",
        width: "124rpx",
        height: "56rpx",
        color: "#C5261D",
        borderRadius: "8rpx",
        fontSize: "24rpx",
      },
    };
  },
};
</script>
<style lang="scss" scoped>
.card {
  display: flex;
  align-items: center;
}
</style>